<!DOCTYPE html>
<html xmlns:scrollbar="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>积分加速器规则</title>
    <meta name="keywords" content="积分加速器规则"/>
    <link rel="stylesheet" type="text/css" href="/static/layui/css/layui.css"/>
    <style>
        body,html,div,ul,li,input{
            box-sizing: border-box;
            outline: none;
            border: 0;
            padding: 0;
            margin: 0;
        }
        .dfx{
            display: flex;
        }
        .ju_c_c{
            justify-content: center;
        }
        .ju_c_sb{
            justify-content: space-between;
        }
        .ju_c_fs{
            justify-content: flex-start;
        }
        .ju_c_sa{
            justify-content: space-around;
        }
        .a_c{
            align-items: center;
        }
        .p_t_10{
            padding-top: 10px;
        }
        .p_t_40{
            padding-top: 40px;
        }
        .p_b_10{
            padding-top: 10px;
        }
        .p_l_10{
            padding-top: 10px;
        }
        .p_r_10{
            padding-top: 10px;
        }
        .b_t_10{
            border: 10px;
        }
        .b_b_10{
            border: 10px;
        }
        .b_l_10{
            border: 10px;
        }
        .b_r_10{
            border: 10px;
        }
        .f_8{
            font-size: 8px;
        }
        .f_10{
            font-size: 10px;
        }
        .f_14{
            font-size: 14px;
        }
        .f_16{
            font-size: 16px;
        }
        .f_18{
            font-size: 18px;
        }
        .f_20{
            font-size: 20px;
        }
        .t_c{
            text-align: center;
        }
        .btn{
            padding: 10px 30px 10px 30px;
            background-color: #0d8ddb;
            color: #fff;
            border-radius: 8px;
            text-align: center;
        }
        .b_box_1{
            border: 1px solid #999999;
        }
        .input_box{
            width: 300px;
            height: 40px;
        }
        input{
            width: 100%;
            height: 100%;
            font-size: 18px;
            padding-left: 10px;
        }
        input::-webkit-outer-spin-button,
        input::-webkit-inner-spin-button {
            -webkit-appearance: none !important;
        }
        input[type="number"]{-moz-appearance:textfield;}
        .name_box{
            width: 100px;
            text-align: center;
        }

    </style>


</head>
<body>
<!--容器开始-->
<div class="app" style="width: 80%;margin: 0 auto;">
    <!--    积分兑换提货券比例开始-->
    <div class="dfx ju_c_sa a_c p_t_40">
        <div class="name_box">积分兑换提货券比例</div>
        <div class="input_box  b_box_1">
            <input type="number"
                   pattern="^([1-9][0-9]{0,1}|100)$"
                   v-model="j_t"
                   placeholder="请输入积分兑换提货券比例"/>
        </div>
        <div class="btn">确认修改</div>
    </div>
    <!--    积分兑换提货券结束-->
    <!--    积分兑换金币比例开始-->
    <div class="dfx ju_c_sa a_c p_t_40">
        <div class="name_box">积分兑换金币比例</div>
        <div class="input_box  b_box_1">
            <input type="number"
                   pattern="^([1-9][0-9]{0,1}|100)$"
                   v-model="j_gold"
                   placeholder="请输入积分兑换金币比例"/>
        </div>
        <div class="btn">确认修改</div>
    </div>
    <!--    积分兑换金币比例结束-->
    <!--    积分兑换提货券手续费比例开始-->
    <div class="dfx ju_c_sa a_c p_t_40">
        <div class="name_box">积分兑换提货券手续费比例</div>
        <div class="input_box  b_box_1">
            <input type="number"
                   pattern="^([1-9][0-9]{0,1}|100)$"
                   v-model="j_t_s"
                   placeholder="请输入积分换提货券手续费比例"/>
        </div>
        <div class="btn">确认修改</div>
    </div>
    <!--    积分兑换提货券手续费比例开始-->
    <!--    积分兑换金币手续费比例开始-->
    <div class="dfx ju_c_sa a_c p_t_40">
        <div class="name_box">积分兑换金币手续费比例</div>
        <div class="input_box  b_box_1">
            <input type="number"
                   pattern="^([1-9][0-9]{0,1}|100)$"
                   v-model="j_gold_s"
                   placeholder="请输入积分换金币手续费"/>
        </div>
        <div class="btn">确认修改</div>
    </div>
    <!--    积分兑换金币手续费比例结束-->
    <!--    金币兑现比例开始-->
    <div class="dfx ju_c_sa a_c p_t_40">
        <div class="name_box">金币兑现比例</div>
        <div class="input_box  b_box_1">
            <input type="number"
                   pattern="^([1-9]|[1-9]\\d|100)$"
                   v-model="gold_rmb"
                   placeholder="请输入金币兑现比例"
            />
        </div>
        <div class="btn">确认修改</div>
    </div>
    <!--    金币兑现比例结束-->
    <!--    金币兑现比例手续费比例开始-->
    <div class="dfx ju_c_sa a_c p_t_40">
        <div class="name_box">金币兑现比例手续费比例</div>
        <div class="input_box b_box_1">
            <input type="number"
                   pattern="^([1-9][0-9]{0,1}|100)$"
                   v-model="gold_rmb_s"
                   onkeypress="g_r_s()"
                   placeholder="请输入兑现手续费比例"/>
        </div>
        <div class="btn">确认修改</div>
    </div>
    <!--    金币兑现比例手续费比例结束-->
</div>

</body>
<script src="vue.all.js"></script>
<script>
    window.onload=function(){
        new Vue({
            el:'.app',
            data:{
                j_t:'',//积分兑换提货券
                j_gold:'',//积分兑换金币
                j_t_s:'',//积分兑换提货券手续费
                j_gold_s:'',//积分兑换金币手续费
                gold_rmb:'',//金币兑换现金
                gold_rmb_s:''//金币兑现手续费

            },
            methods:{
                //积分兑换提货券
                g_r_s:function(){

                },

            }
        });
    };
</script>


</html>